@charset "utf-8";
@import "_reset.scss";
@function r($px){
	@return $px / 64px *1rem;
}
.wrap{
	width:r(640px);
	background-color:#f3f4f6;
	.header{
		position:fixed;
		top:0;
		width:100%;
		height:r(87px);
		background-color:#f7f7f7;
		font-size:r(28px);
		border-bottom:1px solid #e3e3e3;
		z-index:5;
		display:flex;
		.header_left{
			width:r(22px);
			height:r(37px);
			float:left;
			margin-left:r(29px);
			margin-top:r(26px);
			img{
				height:100%;
			}
		}
		.nav{
			margin-left:r(75px);
			line-height:r(87px);
			li{
				float:left;
				a{
					color:#333333;
					font-size:r(35px);
					height:r(83px);
					margin:{
						left:r(25px);
						right:r(25px);
					}
				}
				&:nth-of-type(2) a{
					color:#d62d31;
					&::after{
						display:block;
						margin:0 auto;
						position: relative;
						top:r(-7px);
						content:"";
						width:70%;
						height:r(4px);
						background:#d62d31;
					}
				}
			}
			&:last-of-type::after{
				display:block;
				clear:both;
				content:"";
			}
		}
	}
	.content{
		width:100%;
		margin-top:r(87px);
		background-color:#fff;
		.con_nav{
			width:100%;
			height:r(80px);
			border-bottom:1px solid #e3e3e3;
			ul{
				width:100%;
				height:100%;
				li{
					width:25%;
					float:left;
					font-size:r(26px);
					text-align:center;
					line-height:r(80px);
					a{
						display:block;
						width:100%;
						height:100%;
						color:#666666;
					}
					&:nth-of-type(3){
						a{
							color:#cc3333;
						}
					}
				}
				&::after{
					display:block;
					content:"";
					clear:bold;
				}
			}
		}
		.baozhuang{
			width:100%;
			position: relative;
			z-index:1;
			.baozhuang_head{
				border-bottom:1px solid #e3e3e3;
				width:100%;
				height:r(80px);
				span{
					vertical-align:top;
					height:r(80px);
					display:inline-block;
					font-size:r(28px);
					color:#333333;
					margin-left:r(20px);
					line-height:r(80px);
				}
				.icon-arrow-up,.icon-arrow{
					display:inline-block;
					vertical-align:top;
					line-height:r(80px);
					height:r(80px);
					font-size:r(40px);
					float:right;
					margin-right:r(20px);
				}
				&::after{
					display:block;
					clear:both;
					content:"";
				}
			}
			.baozhuang_item{
				width:100%;
				height:r(126px);
				border-bottom:1px solid #e3e3e3;
				p{
					line-height:r(40px);
					padding:{
						top:r(20px);
						left:r(20px);
						right:r(20px);
					}
					color:#999999;
					font-size:r(24px);
					span:first-of-type{
						display:inline-block;
						width:r(198px);
						margin-left:r(20px);
					}
				}
			}
		}
		.shouhou{
			width:100%;
			position: relative;
			z-index:1;

			.shouhou_head{
				border-bottom:1px solid #e3e3e3;
				width:100%;
				height:r(80px);
				span{
					vertical-align:top;
					height:r(80px);
					display:inline-block;
					font-size:r(28px);
					color:#333333;
					margin-left:r(20px);
					line-height:r(80px);
				}
				.icon-arrow-up,.icon-arrow{
					display:inline-block;
					vertical-align:top;
					line-height:r(80px);
					height:r(80px);
					font-size:r(40px);
					float:right;
					margin-right:r(20px);
				}
				&::after{
					display:block;
					clear:both;
					content:"";
				}
			}
			.shouhou_item{
				width:100%;
				height:r(400px);
				border-bottom:1px solid #e3e3e3;
				font-size:0;
				p{
					line-height:r(40px);
					padding:{
						top:r(20px);
						left:r(20px);
						right:r(20px);
					}
					color:#999999;
					font-size:r(24px);
					span:first-of-type{
						display:inline-block;
						width:r(198px);
						margin-left:r(20px);
					}
				}
			}
		}
	}
}